<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>ladybird - 全球票务总代理</title>
        <jsp:include page="top-link.jsp"></jsp:include>
        <link rel="shortcut icon" href="https://oos.icanci.cn/app/static/webapps/ladybird-web-static/favicon.ico" type="image/x-icon">
        <link rel="stylesheet" type="text/css"
              href="https://oos.icanci.cn/app/static/webapps/ladybird-web-static/user/css/class.css">
        <link rel="stylesheet" type="text/css"
              href="https://oos.icanci.cn/app/static/webapps/ladybird-web-static/user/css/head.css"/>
    </head>

    <body>
        <%--        头部导航栏--%>
        <%@include file="top-nav.jsp" %>

        <!-- 城市选择begin -->
        <div class="layui-fluid" style="margin-left: -200px">
            <div class="layui-card">
                <div style="margin-top: 10px" class="layui-container">
                    <div class="layui-row">
                        <div class="layui-form layui-card-header layuiadmin-card-header-auto">
                            <div class="layui-row">
                                <p style="font-family: 微软雅黑;font-size: 16px">城市：</p>
                                <div class="layui-col-md12">
                                    <div class="layui-inline"></div>
                                    <div class="layui-inline" id="div_industry_area"
                                         style="width:93%;overflow:hidden;height:30px;">
                                        &nbsp&nbsp&nbsp&nbsp
                                        <a href="${pageContext.request.contextPath}/api/v1/pub/user/json/class"
                                           name="sub_a" id="sub_1" onclick="changeColor('1')">全部</a>
                                        &nbsp&nbsp&nbsp&nbsp
                                        <a href="${pageContext.request.contextPath}/api/v1/pub/user/json/search?search=上海"
                                           name="sub_b" id="sub_2" onclick="changeColor('2')">上海</a>
                                        &nbsp&nbsp&nbsp&nbsp
                                        <a href="${pageContext.request.contextPath}/api/v1/pub/user/json/search?search=北京"
                                           name="sub_a" id="sub_3" onclick="changeColor('3')">北京</a>
                                        &nbsp&nbsp&nbsp&nbsp
                                        <a href="${pageContext.request.contextPath}/api/v1/pub/user/json/search?search=成都"
                                           name="sub_b" id="sub_4" onclick="changeColor('4')">成都</a>
                                        &nbsp&nbsp&nbsp&nbsp
                                        <a href="${pageContext.request.contextPath}/api/v1/pub/user/json/search?search=杭州"
                                           name="sub_a" id="sub_5" onclick="changeColor('5')">杭州</a>
                                        &nbsp&nbsp&nbsp&nbsp
                                        <a href="${pageContext.request.contextPath}/api/v1/pub/user/json/search?search=广州"
                                           name="sub_b" id="sub_6" onclick="changeColor('6')">广州</a>
                                        &nbsp&nbsp&nbsp&nbsp
                                        <a href="${pageContext.request.contextPath}/api/v1/pub/user/json/search?search=西安"
                                           name="sub_a" id="sub_7" onclick="changeColor('7')">西安</a>
                                        &nbsp&nbsp&nbsp&nbsp
                                        <a href="${pageContext.request.contextPath}/api/v1/pub/user/json/search?search=青岛"
                                           name="sub_b" id="sub_8" onclick="changeColor('8')">青岛</a>
                                        &nbsp&nbsp&nbsp&nbsp
                                        <a href="${pageContext.request.contextPath}/api/v1/pub/user/json/search?search=天津"
                                           name="sub_a" id="sub_9" onclick="changeColor('9')">天津</a>
                                        &nbsp&nbsp&nbsp&nbsp
                                        <a href="${pageContext.request.contextPath}/api/v1/pub/user/json/search?search=长沙"
                                           name="sub_b" id="sub_10" onclick="changeColor('10')">长沙</a>
                                        &nbsp&nbsp&nbsp&nbsp
                                        <a href="${pageContext.request.contextPath}/api/v1/pub/user/json/search?search=哈尔滨"
                                           name="sub_a" id="sub_11" onclick="changeColor('11')">哈尔滨</a>
                                        &nbsp&nbsp&nbsp&nbsp
                                        <a href="${pageContext.request.contextPath}/api/v1/pub/user/json/search?search=湖州"
                                           name="sub_b" id="sub_12" onclick="changeColor('12')">湖州</a>
                                        &nbsp&nbsp&nbsp&nbsp
                                        <a href="${pageContext.request.contextPath}/api/v1/pub/user/json/search?search=丽江"
                                           name="sub_a" id="sub_13" onclick="changeColor('13')">丽江</a>
                                        &nbsp&nbsp&nbsp&nbsp
                                        <a href="${pageContext.request.contextPath}/api/v1/pub/user/json/search?search=泰安"
                                           name="sub_b" id="sub_14" onclick="changeColor('14')">泰安</a>
                                        &nbsp&nbsp&nbsp&nbsp
                                        <a href="${pageContext.request.contextPath}/api/v1/pub/user/json/search?search=德州"
                                           name="sub_a" id="sub_15" onclick="changeColor('15')">德州</a>
                                        &nbsp&nbsp&nbsp&nbsp
                                        <a href="${pageContext.request.contextPath}/api/v1/pub/user/json/search?search=合肥"
                                           name="sub_b" id="sub_16" onclick="changeColor('16')">合肥</a>
                                        &nbsp&nbsp&nbsp&nbsp
                                        <a href="${pageContext.request.contextPath}/api/v1/pub/user/json/search?search=无锡"
                                           name="sub_a" id="sub_17" onclick="changeColor('17')">无锡</a>
                                        &nbsp&nbsp&nbsp&nbsp
                                        <a href="${pageContext.request.contextPath}/api/v1/pub/user/json/search?search=株洲"
                                           name="sub_b" id="sub_18" onclick="changeColor('18')">株洲</a>
                                        &nbsp&nbsp&nbsp&nbsp
                                        <a href="${pageContext.request.contextPath}/api/v1/pub/user/json/search?search=盐城"
                                           name="sub_a" id="sub_19" onclick="changeColor('19')">盐城</a>
                                        &nbsp&nbsp&nbsp&nbsp
                                        <a href="${pageContext.request.contextPath}/api/v1/pub/user/json/search?search=太原"
                                           name="sub_b" id="sub_20" onclick="changeColor('20')">太原</a>
                                        &nbsp&nbsp&nbsp&nbsp
                                        <a name="sub_a" id="sub_21" onclick="changeColor('21')">天津</a>
                                        &nbsp&nbsp&nbsp&nbsp
                                        <a name="sub_b" id="sub_22" onclick="changeColor('22')">长沙</a>
                                        &nbsp&nbsp&nbsp&nbsp
                                        <a name="sub_b" id="sub_23" onclick="changeColor('23')">青岛</a>
                                        &nbsp&nbsp&nbsp&nbsp
                                        <a name="sub_a" id="sub_24" onclick="changeColor('24')">天津</a>
                                        &nbsp&nbsp&nbsp&nbsp
                                        <a name="sub_b" id="sub_25" onclick="changeColor('25')">长沙</a>
                                        &nbsp&nbsp&nbsp&nbsp
                                        <a name="sub_a" id="sub_26" onclick="changeColor('26')">西安</a>
                                        &nbsp&nbsp&nbsp&nbsp
                                        <a name="sub_b" id="sub_27" onclick="changeColor('27')">青岛</a>
                                        &nbsp&nbsp&nbsp&nbsp
                                        <a name="sub_a" id="sub_28" onclick="changeColor('28')">天津</a>
                                        &nbsp&nbsp&nbsp&nbsp
                                        <a name="sub_b" id="sub_29" onclick="changeColor('29')">长沙</a>
                                        &nbsp&nbsp&nbsp&nbsp
                                        <a name="sub_b" id="sub_30" onclick="changeColor('30')">青岛</a>
                                        &nbsp&nbsp&nbsp&nbsp
                                        <a name="sub_a" id="sub_31" onclick="changeColor('31')">天津</a>
                                        &nbsp&nbsp&nbsp&nbsp
                                        <a name="sub_b" id="sub_32" onclick="changeColor('32')">长沙</a>
                                        &nbsp&nbsp&nbsp&nbsp
                                        <a name="sub_b" id="sub_33" onclick="changeColor('33')">青岛</a>
                                        &nbsp&nbsp&nbsp&nbsp
                                        <a name="sub_a" id="sub_34" onclick="changeColor('34')">天津</a>
                                        &nbsp&nbsp&nbsp&nbsp
                                        <a name="sub_b" id="sub_35" onclick="changeColor('35')">长沙</a>
                                        &nbsp&nbsp&nbsp&nbsp
                                        <a name="sub_a" id="sub_36" onclick="changeColor('36')">西安</a>
                                        &nbsp&nbsp&nbsp&nbsp
                                        <a name="sub_b" id="sub_37" onclick="changeColor('37')">青岛</a>
                                        &nbsp&nbsp&nbsp&nbsp
                                        <a name="sub_a" id="sub_38" onclick="changeColor('38')">天津</a>
                                        &nbsp&nbsp&nbsp&nbsp
                                        <a name="sub_b" id="sub_39" onclick="changeColor('39')">长沙</a>

                                    </div>
                                    <a class="more" onclick="return More(this)">更多+</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 城市选择end -->

        <div class="layui-container">
            <div class="layui-row">
                <div class="layui-col-md12">

                    <!--选项卡begin-->
                    <div class="layui-tab layui-tab-card" style="width: 1200px;margin-top: 10px">
                        <ul class="layui-tab-title">

                            <c:choose>
                                <c:when test="${jsonData.data[4]==0}">
                                    <li class="layui-this">相关度排序</li>
                                    <li>推荐排序</li>
                                    <li>最近开场</li>
                                    <li>最新上架</li>
                                </c:when>
                                <c:when test="${jsonData.data[4]==1}">
                                    <li>相关度排序</li>
                                    <li class="layui-this">推荐排序</li>
                                    <li>最近开场</li>
                                    <li>最新上架</li>
                                </c:when>
                                <c:when test="${jsonData.data[4]==2}">
                                    <li>相关度排序</li>
                                    <li>推荐排序</li>
                                    <li class="layui-this">最近开场</li>
                                    <li>最新上架</li>
                                </c:when>
                                <c:when test="${jsonData.data[4]==3}">
                                    <li>相关度排序</li>
                                    <li>推荐排序</li>
                                    <li>最近开场</li>
                                    <li class="layui-this">最新上架</li>
                                </c:when>
                                <c:otherwise>
                                    <li class="layui-this">相关度排序</li>
                                    <li>推荐排序</li>
                                    <li>最近开场</li>
                                    <li>最新上架</li>
                                </c:otherwise>
                            </c:choose>
                        </ul>
                        <div class="layui-tab-content" style="height: 1600px">
                            <!-- 1相关度排序begin -->
                            <div class="layui-tab-item layui-show">
                                <!--            商品列表begin-->
                                <div class="layui-container C">
                                    <div class="layui-row">

                                        <!--                    商品1begin-->
                                        <c:forEach items="${jsonData.data[0].list}" var="u" varStatus="status">
                                            <div class="layui-col-md2">
                                                <a href="${pageContext.request.contextPath}/api/v1/pub/user/json/userproduce?ticketId=${u.ticketDetailsId}">
                                                    <div class="grid-demo" style="margin-top: 40px"><img
                                                            style="width: 111px;height: 150px;"
                                                            src="${u.ticketDetailsTicketImgUrl}" alt=""></div>
                                                </a>
                                            </div>

                                            <div class="layui-col-md10">
                                                <div class="layui-row grid-demo grid-demo-bg1">
                                                    <div class="layui-col-md12" style="margin-left: 6px">
                                                        <div style="margin-top: 20px" class="grid-demo C">
                                                            <h3>【${u.ticketAddressCity}】<a
                                                                    href="${pageContext.request.contextPath}/api/v1/pub/user/json/userproduce?ticketId=${u.ticketDetailsId}">${u.ticketDetailsInfo}</a>
                                                            </h3><br><br>
                                                            <span class="layui-breadcrumb" lay-separator="|">
                                    					<a href="${pageContext.request.contextPath}/api/v1/pub/user/json/userproduce?ticketId=${u.ticketDetailsId}">${u.ticketAddressCity}</a>
                                   						<a href="${pageContext.request.contextPath}/api/v1/pub/user/json/userproduce?ticketId=${u.ticketDetailsId}">${u.ticketAddressVenue}</a><br><br>
														<i class="layui-icon layui-icon-time">
															<span style="color: gray">
                                                                    <fmt:formatDate value="${u.ticketStartTime}"
                                                                                    var="validDate1"
                                                                                    pattern="yyyy.MM.dd"/>
                                                                    ${validDate1}-
                                                                    <fmt:formatDate value="${u.ticketEndTime}"
                                                                                    var="validDate" pattern="MM.dd"/>
                                                                    ${validDate}</span>
														</i>
														<br>
														<h2 style="color:#1E9FFF;margin-top: 28px;">￥${u.ticketPricePrice}元起</h2>
														</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </c:forEach>
                                        <!--                    商品1end-->
                                    </div>

                                    <div style="margin-top: 30px;text-align: center">
                                        <div class="layui-laypage">

                                                <a href="${pageContext.request.contextPath}/api/v1/pub/user/json/class?pageNum1=${jsonData.data[0].prePage}&pageSize1=${jsonData.data[0].pageSize}&pageNum2=${jsonData.data[1].pageNum}&pageSize2=${jsonData.data[1].pageSize}&pageNum3=${jsonData.data[2].pageNum}&pageSize3=${jsonData.data[2].pageSize}&pageNum4=${jsonData.data[3].pageNum}&pageSize4=${jsonData.data[3].pageSize}&index=0"
                                                   class="layui-laypage-prev">
                                                    上一页
                                                </a>
                                            <c:forEach begin="1" end="${jsonData.data[0].pages}" varStatus="status">

                                                <a style="width: 21px ;padding-left: 0px" href="${pageContext.request.contextPath}/api/v1/pub/user/json/class?pageNum1=${status.index}&pageSize1=${jsonData.data[0].pageSize}&pageNum2=${jsonData.data[1].pageNum}&pageSize2=${jsonData.data[1].pageSize}&pageNum3=${jsonData.data[2].pageNum}&pageSize3=${jsonData.data[2].pageSize}&pageNum4=${jsonData.data[3].pageNum}&pageSize4=${jsonData.data[3].pageSize}&index=0"
                                                   data-page="${status.index}">
                                                    <c:if test="${status.index == jsonData.data[0].pageNum}">
                                                        <span class="layui-laypage-curr" style="width: 4px"><em
                                                                class="layui-laypage-em"></em><em>${status.index}</em></span>
                                                    </c:if>
                                                    <c:if test="${status.index != jsonData.data[0].pageNum}">
                                                        <span>${status.index}</span>
                                                    </c:if>
                                                </a>
                                            </c:forEach>
                                            <c:if test="${jsonData.data[0].nextPage == 0}">
                                                <a href="#">下一页</a>
                                            </c:if>
                                            <c:if test="${jsonData.data[0].nextPage != 0}">
                                                <a class="layui-laypage-next"
                                                   href="${pageContext.request.contextPath}/api/v1/pub/user/json/class?pageNum1=${jsonData.data[0].nextPage}&pageSize1=${jsonData.data[0].pageSize}&pageNum2=${jsonData.data[1].pageNum}&pageSize2=${jsonData.data[1].pageSize}&pageNum3=${jsonData.data[2].pageNum}&pageSize3=${jsonData.data[2].pageSize}&pageNum4=${jsonData.data[3].pageNum}&pageSize4=${jsonData.data[3].pageSize}&index=0">
                                                    下一页
                                                </a>
                                            </c:if>
                                        </div>
                                        <br>
                                    </div>
                                </div>
                            </div>
                            <!--1相关度排序end-->


                            <!--        推荐排序begin-->
                            <div class="layui-tab-item">
                                <!--            商品列表begin-->
                                <div class="layui-container C">
                                    <div class="layui-row">
                                        <!--                    商品1begin-->
                                        <c:forEach items="${jsonData.data[1].list}" var="u" varStatus="status">
                                            <div class="layui-col-md2">
                                                <a href="${pageContext.request.contextPath}/api/v1/pub/user/json/userproduce?ticketId=${u.ticketDetailsId}?${u.ticketDetailsId}">
                                                    <div class="grid-demo" style="margin-top: 40px"><img
                                                            style="width: 130px;height: 170px;"
                                                            src="${u.ticketDetailsTicketImgUrl}" alt=""></div>
                                                </a>
                                            </div>

                                            <div class="layui-col-md10">
                                                <div class="layui-row grid-demo grid-demo-bg1">
                                                    <div class="layui-col-md12" style="margin-left: 6px">
                                                        <div style="margin-top: 20px" class="grid-demo C">
                                                            <h3>【${u.ticketAddressCity}】<a
                                                                    href="${pageContext.request.contextPath}/api/v1/pub/user/json/userproduce?ticketId=${u.ticketDetailsId}">${u.ticketDetailsInfo}</a>
                                                            </h3><br><br>
                                                            <span class="layui-breadcrumb" lay-separator="|">
                                    					<a href="${pageContext.request.contextPath}/api/v1/pub/user/json/userproduce?ticketId=${u.ticketDetailsId}">${u.ticketAddressCity}</a>
                                   						<a href="${pageContext.request.contextPath}/api/v1/pub/user/json/userproduce?ticketId=${u.ticketDetailsId}">${u.ticketAddressVenue}</a><br><br>
														<i class="layui-icon layui-icon-time">
															<span style="color: gray">
                                                                    <fmt:formatDate value="${u.ticketStartTime}"
                                                                                    var="validDate1"
                                                                                    pattern="yyyy.MM.dd"/>
                                                                    ${validDate1}-
                                                                    <fmt:formatDate value="${u.ticketEndTime}"
                                                                                    var="validDate" pattern="MM.dd"/>
                                                                    ${validDate}
                                                            </span>
														</i>
														<br>

														<h2 style="color:#1E9FFF;margin-top: 28px;">￥${u.ticketPricePrice}元起</h2>
														</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </c:forEach>
                                        <%--                                        商品1结束--%>
                                    </div>
                                    <div style="margin-top: 30px;text-align: center">
                                        <div class="layui-laypage">
                                            <c:if test="${jsonData.data[1].prePage == 0}">
                                                <a href="#">上一页</a>
                                            </c:if>
                                            <c:if test="${jsonData.data[1].prePage != 0}">
                                                <a href="${pageContext.request.contextPath}/api/v1/pub/user/json/class?pageNum1=${jsonData.data[0].pageNum}&pageSize1=${jsonData.data[0].pageSize}&pageNum2=${jsonData.data[1].prePage}&pageSize2=${jsonData.data[1].pageSize}&pageNum3=${jsonData.data[2].pageNum}&pageSize3=${jsonData.data[2].pageSize}&pageNum4=${jsonData.data[3].pageNum}&pageSize4=${jsonData.data[3].pageSize}&index=1"
                                                   class="layui-laypage-prev"
                                                   data-page="0">
                                                    上一页
                                                </a>
                                            </c:if>
                                            <c:forEach begin="1" end="${jsonData.data[1].pages}" varStatus="status">

                                                <a style=" width: 21px ;padding-left: 0px" href="${pageContext.request.contextPath}/api/v1/pub/user/json/class?pageNum1=${jsonData.data[0].pageNum}&pageSize1=${jsonData.data[0].pageSize}&pageNum2=${status.index}&pageSize2=${jsonData.data[1].pageSize}&pageNum3=${jsonData.data[2].pageNum}&pageSize3=${jsonData.data[2].pageSize}&pageNum4=${jsonData.data[3].pageNum}&pageSize4=${jsonData.data[3].pageSize}&index=1">
                                                    <c:if test="${status.index == jsonData.data[1].pageNum}">
                                                        <span class="layui-laypage-curr" style="width: 4px"><em
                                                                class="layui-laypage-em"></em><em>${status.index}</em></span>
                                                    </c:if>
                                                    <c:if test="${status.index != jsonData.data[1].pageNum}">
                                                        <span>${status.index}</span>
                                                    </c:if>
                                                </a>
                                            </c:forEach>
                                            <c:if test="${jsonData.data[1].nextPage == 0}">
                                                <a href="#">下一页</a>
                                            </c:if>
                                            <c:if test="${jsonData.data[1].nextPage != 0}">
                                                <a class="layui-laypage-next"
                                                   href="${pageContext.request.contextPath}/api/v1/pub/user/json/class?pageNum1=${jsonData.data[0].pageNum}&pageSize1=${jsonData.data[0].pageSize}&pageNum2=${jsonData.data[1].nextPage}&pageSize2=${jsonData.data[1].pageSize}&pageNum3=${jsonData.data[2].pageNum}&pageSize3=${jsonData.data[2].pageSize}&pageNum4=${jsonData.data[3].pageNum}&pageSize4=${jsonData.data[3].pageSize}&index=1">
                                                    下一页
                                                </a>
                                            </c:if>
                                        </div>
                                        <br>
                                    </div>
                                </div>
                            </div>

                            <!--        2推荐排序end-->


                            <!--        3最近开场begin-->
                            <div class="layui-tab-item">
                                <!--            商品列表begin-->
                                <div class="layui-container C">
                                    <div class="layui-row">
                                        <!--                    商品1begin-->

                                        <!--                    商品1begin-->
                                        <c:forEach items="${jsonData.data[2].list}" var="u" varStatus="status">
                                            <div class="layui-col-md2">
                                                <a href="${pageContext.request.contextPath}/api/v1/pub/user/json/userproduce?ticketId=${u.ticketDetailsId}">
                                                    <div class="grid-demo" style="margin-top: 40px"><img
                                                            style="width: 111px;height: 150px;"
                                                            src="${u.ticketDetailsTicketImgUrl}" alt=""></div>
                                                </a>
                                            </div>

                                            <div class="layui-col-md10">
                                                <div class="layui-row grid-demo grid-demo-bg1">
                                                    <div class="layui-col-md12" style="margin-left: 6px">
                                                        <div style="margin-top: 20px" class="grid-demo C">
                                                            <h3>【${u.ticketAddressCity}】<a
                                                                    href="${pageContext.request.contextPath}/api/v1/pub/user/json/userproduce?ticketId=${u.ticketDetailsId}">${u.ticketDetailsInfo}</a>
                                                            </h3><br><br>
                                                            <span class="layui-breadcrumb" lay-separator="|">
                                    					<a href="${pageContext.request.contextPath}/api/v1/pub/user/json/userproduce?ticketId=${u.ticketDetailsId}">${u.ticketAddressCity}</a>
                                   						<a href="${pageContext.request.contextPath}/api/v1/pub/user/json/userproduce?ticketId=${u.ticketDetailsId}">${u.ticketAddressVenue}</a><br><br>
														<i class="layui-icon layui-icon-time">
															<span style="color: gray">
                                                                    <fmt:formatDate value="${u.ticketStartTime}"
                                                                                    var="validDate1"
                                                                                    pattern="yyyy.MM.dd"/>
                                                                    ${validDate1}-
                                                                    <fmt:formatDate value="${u.ticketEndTime}"
                                                                                    var="validDate" pattern="MM.dd"/>
                                                                    ${validDate}
                                                            </span>
														</i>
														<br>
														<h2 style="color:#1E9FFF;margin-top: 28px;">￥${u.ticketPricePrice}元起</h2>
														</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </c:forEach>
                                        <!--                    商品1end-->
                                    </div>

                                    <div style="margin-top: 30px;text-align: center">
                                        <div class="layui-laypage">
                                            <c:if test="${jsonData.data[2].prePage == 0}">
                                                <a href="#">上一页</a>
                                            </c:if>
                                            <c:if test="${jsonData.data[2].prePage != 0}">
                                                <a href="${pageContext.request.contextPath}/api/v1/pub/user/json/class?pageNum1=${jsonData.data[0].pageNum}&pageSize1=${jsonData.data[0].pageSize}&pageNum2=${jsonData.data[1].pageNum}&pageSize2=${jsonData.data[1].pageSize}&pageNum3=${jsonData.data[2].prePage}&pageSize3=${jsonData.data[2].pageSize}&pageNum4=${jsonData.data[3].pageNum}&pageSize4=${jsonData.data[3].pageSize}&index=2"
                                                   class="layui-laypage-prev"
                                                   data-page="0">
                                                    上一页
                                                </a>
                                            </c:if>
                                            <c:forEach begin="1" end="${jsonData.data[2].pages}" varStatus="status">

                                                <a style=" width: 21px ;padding-left: 0px" href="${pageContext.request.contextPath}/api/v1/pub/user/json/class?pageNum1=${jsonData.data[0].pageNum}&pageSize1=${jsonData.data[0].pageSize}&pageNum2=${jsonData.data[1].pageNum}&pageSize2=${jsonData.data[1].pageSize}&pageNum3=${status.index}&pageSize3=${jsonData.data[2].pageSize}&pageNum4=${jsonData.data[3].pageNum}&pageSize4=${jsonData.data[3].pageSize}&index=2">
                                                    <c:if test="${status.index == jsonData.data[2].pageNum}">
                                                        <span class="layui-laypage-curr" style="width: 4px"><em
                                                                class="layui-laypage-em"></em><em>${status.index}</em></span>
                                                    </c:if>
                                                    <c:if test="${status.index != jsonData.data[2].pageNum}">
                                                        <span>${status.index}</span>
                                                    </c:if>
                                                </a>
                                            </c:forEach>
                                            <c:if test="${jsonData.data[2].nextPage == 0}">
                                                <a href="#">下一页</a>
                                            </c:if>
                                            <c:if test="${jsonData.data[2].nextPage != 0}">
                                                <a class="layui-laypage-next"
                                                   href="${pageContext.request.contextPath}/api/v1/pub/user/json/class?pageNum1=${jsonData.data[0].pageNum}&pageSize1=${jsonData.data[0].pageSize}&pageNum2=${jsonData.data[1].pageNum}&pageSize2=${jsonData.data[1].pageSize}&pageNum3=${jsonData.data[2].nextPage}&pageSize3=${jsonData.data[2].pageSize}&pageNum4=${jsonData.data[3].pageNum}&pageSize4=${jsonData.data[3].pageSize}&index=2">
                                                    下一页
                                                </a>
                                            </c:if>
                                        </div>
                                        <br>
                                    </div>
                                </div>
                            </div>
                            <!--        3最近开场end-->


                            <!--        4最新上架begin-->
                            <div class="layui-tab-item">
                                <!--            商品列表begin-->
                                <div class="layui-container C">
                                    <div class="layui-row">
                                        <!--                    商品1begin-->
                                        <c:forEach items="${jsonData.data[3].list}" var="u" varStatus="status">
                                            <div class="layui-col-md2">
                                                <a href="${pageContext.request.contextPath}/api/v1/pub/user/json/userproduce?ticketId=${u.ticketDetailsId}">
                                                    <div class="grid-demo" style="margin-top: 40px"><img
                                                            style="width: 111px;height: 150px;"
                                                            src="${u.ticketDetailsTicketImgUrl}" alt=""></div>
                                                </a>
                                            </div>

                                            <div class="layui-col-md10">
                                                <div class="layui-row grid-demo grid-demo-bg1">
                                                    <div class="layui-col-md12" style="margin-left: 6px">
                                                        <div style="margin-top: 20px" class="grid-demo C">
                                                            <h3>【${u.ticketAddressCity}】<a
                                                                    href="${pageContext.request.contextPath}/api/v1/pub/user/json/userproduce?ticketId=${u.ticketDetailsId}">${u.ticketDetailsInfo}</a>
                                                            </h3><br><br>
                                                            <span class="layui-breadcrumb" lay-separator="|">
                                    					<a href="${pageContext.request.contextPath}/api/v1/pub/user/json/userproduce?ticketId=${u.ticketDetailsId}">${u.ticketAddressCity}</a>
                                   						<a href="${pageContext.request.contextPath}/api/v1/pub/user/json/userproduce?ticketId=${u.ticketDetailsId}">${u.ticketAddressVenue}</a><br><br>
														<i class="layui-icon layui-icon-time">
															<span style="color: gray">
                                                                    <fmt:formatDate value="${u.ticketStartTime}"
                                                                                    var="validDate1"
                                                                                    pattern="yyyy.MM.dd"/>
                                                                    ${validDate1}-
                                                                    <fmt:formatDate value="${u.ticketEndTime}"
                                                                                    var="validDate" pattern="MM.dd"/>
                                                                    ${validDate}
                                                            </span>
														</i>
														<br>

														<h2 style="color:#1E9FFF;margin-top: 28px;">￥${u.ticketPricePrice}元起</h2>
														</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </c:forEach>
                                        <!--                    商品1end-->
                                    </div>
                                    <div style="margin-top: 30px;text-align: center">
                                        <div class="layui-laypage">
                                            <c:if test="${jsonData.data[3].prePage == 0}">
                                                <a href="#">上一页</a>
                                            </c:if>
                                            <c:if test="${jsonData.data[3].prePage != 0}">
                                                <a href="${pageContext.request.contextPath}/api/v1/pub/user/json/class?pageNum1=${jsonData.data[0].pageNum}&pageSize1=${jsonData.data[0].pageSize}&pageNum2=${jsonData.data[1].pageNum}&pageSize2=${jsonData.data[1].pageSize}&pageNum3=${jsonData.data[2].pageNum}&pageSize3=${jsonData.data[2].pageSize}&pageNum4=${jsonData.data[3].prePage}&pageSize4=${jsonData.data[3].pageSize}&index=3"
                                                   class="layui-laypage-prev"
                                                   data-page="0">
                                                    上一页
                                                </a>
                                            </c:if>
                                            <c:forEach begin="1" end="${jsonData.data[3].pages}" varStatus="status">

                                                <a style=" width: 21px ;padding-left: 0px" href="${pageContext.request.contextPath}/api/v1/pub/user/json/class?pageNum1=${jsonData.data[0].pageNum}&pageSize1=${jsonData.data[0].pageSize}&pageNum2=${jsonData.data[1].pageNum}&pageSize2=${jsonData.data[1].pageSize}&pageNum3=${jsonData.data[2].pageNum}&pageSize3=${jsonData.data[2].pageSize}&pageNum4=${status.index}&pageSize4=${jsonData.data[3].pageSize}&index=3"
                                                   data-page="${status.index}">
                                                    <c:if test="${status.index == jsonData.data[3].pageNum}">
                                                        <span class="layui-laypage-curr" style="width: 4px"><em
                                                                class="layui-laypage-em"></em><em>${status.index}</em></span>
                                                    </c:if>
                                                    <c:if test="${status.index != jsonData.data[3].pageNum}">
                                                        <span>${status.index}</span>
                                                    </c:if>
                                                </a>
                                            </c:forEach>
                                            <c:if test="${jsonData.data[3].nextPage == 0}">
                                                <a href="#">下一页</a>
                                            </c:if>
                                            <c:if test="${jsonData.data[3].nextPage != 0}">
                                                <a class="layui-laypage-next"
                                                   href="${pageContext.request.contextPath}/api/v1/pub/user/json/class?pageNum1=${jsonData.data[0].pageNum}&pageSize1=${jsonData.data[0].pageSize}&pageNum2=${jsonData.data[1].pageNum}&pageSize2=${jsonData.data[1].pageSize}&pageNum3=${jsonData.data[2].pageNum}&pageSize3=${jsonData.data[2].pageSize}&pageNum4=${jsonData.data[3].nextPage}&pageSize4=${jsonData.data[3].pageSize}&index=3">
                                                    下一页
                                                </a>
                                            </c:if>
                                        </div>
                                        <br>
                                    </div>
                                </div>
                            </div>
                            <!--4最新上架end-->
                        </div>
                    </div>
                    <!--选项卡end-->
                </div>
            </div>
        </div>

        <!-- 尾部导航 -->
        <%@include file="foot-nav.jsp" %>
        <script src="https://oos.icanci.cn/app/static/webapps/ladybird-web-static/user/layui/lay/html/html.min.js"></script>
        <script src="https://oos.icanci.cn/app/static/webapps/ladybird-web-static/user/Flayui/lay/html/respond.min.js"></script>
        <script src="https://oos.icanci.cn/app/static/webapps/ladybird-web-static/user/layui/layui.js"></script>
        <script src="https://oos.icanci.cn/app/static/webapps/ladybird-web-static/user/js/Class/class.js"></script>
    </body>
</html>
